<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>文章</title>
    <link rel="stylesheet" href="/stylesheets/index.css">
    <link rel="stylesheet" href="/stylesheets/images/font_s8dkyktc6j1t6gvi/iconfont.css">
</head>

<body>
    <header>
        <h1><i class="blog">OUR BLOG</i></h1>
        <ul id="nac">
            <li>
                <a href="/">首页</a>   
            </li>       
            <li>
                <a href="/">文章</a>   
            </li>
            <li>
                 <a href="/index3">相册</a>
            </li>
            <li>
                <a href="/index2">个人中心</a>
            </li>
            <li>
                <a href="/index4">留言</a>
            </li>
        </ul>
    </header>
    <main>
            <div class="main-left">
            <% for(var i=0;i<ufo.length;i++){ %>
                <div class="arts">
                    <div class="arts-cont">
                        <h1 class="art-title"><a href="/index2/?_id=<%= ufo[i]._id %>"><%= ufo[i].title %></a></h1>
                        <p class="atr-p">发布时间&nbsp;2017-04-09&nbsp;<a class="first" href="/tong?tag=<%= ufo[i].tag %>">(<span>&nbsp;<%= ufo[i].tag %>&nbsp;</span>)</a></p>
                        <div class="art-cont">
                            <div class="art">
                                <p><%- ufo[i].content %></p>
                            </div>
                        </div>
                    </div>
                </div>
            <% } %>
            </div>
            <div class="main-right">
                <div class="reco-art">
                    <h3>推荐文章</h3>
                    <ul>
                        <% for(var i=0;i<ufo.length;i++){ %>
                          <li><a href="/index2/?_id=<%= ufo[i]._id %>"><%= ufo[i].title %></a></li>
                       <% } %>
                    </ul>
                </div>
                <div class="gen-art">
                    <h3>文章分类</h3>
                    <ul>
                        <% for( var i=0;i<msg.length;i++){ %>
                           <li><a href="/tong/?tag=<%= msg[i].tag %>"><%= msg[i].tag %></a></li>
                        <% } %>
                    </ul>
                </div>
                <div class="music">
                    <img src="/stylesheets/images/pip.jpg" alt="">
                    <audio loop="loop" controls="controls" src="/stylesheets/music/没那么简单.mp3"></audio>
                </div>
            </div>
    </main>
    <footer>
        <div class="footer">
            <div class="f-cont">
                <div class="link">
                    <h3>友情链接</h3>
                    <p><a href="http://www.people.com.cn/">人民网</a></p>
                    <p><a href="http://www.cac.gov.cn/">中国网信网</a></p>
                    <p><a href="http://www.spp.gov.cn/">中华人民共和国最高人民检察院</a></p>
                </div>
                <div class="photos">
                    <h3>摄影作品</h3>
                    <div class="col">
                        <div>
                            <a href=""><img src="/stylesheets/images/01.jpg" alt=""></a>
                        </div>
                        <div>
                            <a href=""><img src="/stylesheets/images/02.jpg" alt=""></a>
                        </div>
                        <div>
                            <a href=""><img src="/stylesheets/images/03.jpg" alt=""></a>
                        </div>
                        <div>
                            <a href=""><img src="/stylesheets/images/04.jpg" alt=""></a>
                        </div>
                    </div>
                    <div class="col">
                        <div>
                            <a href=""><img src="/stylesheets/images/05.jpg" alt=""></a>
                        </div>
                        <div>
                            <a href=""><img src="/stylesheets/images/06.jpg" alt=""></a>
                        </div>
                        <div>
                            <a href=""><img src="/stylesheets/images/07.jpg" alt=""></a>
                        </div>
                        <div>
                            <a href=""><img src="/stylesheets/images/08.jpg" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div class="copy"></div>
</body>

</html>
